import axios from 'axios'
// import { Promise } from 'core-js'
import { Message } from 'element-ui'
// import { MessageBox, Message } from 'element-ui'
// 导入store
import store from '@/store'
import router from '@/router'
// import { getToken } from '@/utils/auth'

// 创建一个axios实例
const service = axios.create({
  // process是Node的全局变量，提供了当前node.js的进程的信息
  // 项目时运行到node中的，可以使用node中的变量或方法
  // process.env属性返回一个包含用户环境信息的对象
  // VUE_APP_BASE_API实际上就是一个变量，对应的则是我们配置的项目的根域名
  // 当我们运行 npm run dev的时候，会解析项目根目录下的.env.development里面的代码
  // 借助node获取到声明的环境得变量信息，从其中读取到我们设置的环境变量
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // baseURL: 'http://ihrm-java.itheima.net',
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // 请求超时
})

// 请求拦截器
service.interceptors.request.use(
  // config就是请求的整个配置项
  config => {
    const token = store.state.user.token
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
    }

    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    // console.log(response)
    // 判断返回的字段是否正确，如果为true，则说明成功
    if (response.data.success) {
      // 请求成功，直接将数据返回接口
      return response.data
    } else {
      // 统一进行错误的提示处理
      Message({
        message: response.data.message, // message是后端返回的错误信息
        type: 'error',
        duration: 1 * 1000
      })
      // 抛出接口的异常
      return Promise.reject(new Error(response.data.message))
    }
  },
  error => {
    if (error.response && error.response.data && error.response.data.code === 10002) {
      store.dispatch('user/clearUserInfo')
      router.push('/login')
      // 给用户提示
      Message({
        message: '用户信息过期，请重新登录',
        type: 'error',
        duration: 1 * 1000
      })
      return
    }
    Message({
      message: error.message, // message是后端返回的错误信息
      type: 'error',
      duration: 1 * 1000
    })
    return Promise.reject(error)
  }
)

export default service
